<div class="userMsg-modal">
  <div class="close" ng-click="close_modal()">
    <img src="./images/log/jubaoguanli_close.png" alt="">
  </div>
  <div class="head">
    <div class="head-log">
      <div style="background-image: url('{{s_content.avatar}}');"></div>
      <span>{{s_content.nickName}}</span>
    </div>
    <div class="di mr56">
      <span ng-class="{'cc':s_content.state==1}" data-state='0' ng-click="usedCtrl($event,s_content.id);s_content.state=0" class="cp">启用</span><span> / </span>
      <span ng-class="{'cc':s_content.state==0}" data-state='1' ng-click="usedCtrl($event,s_content.id);
            s_content.state=1" class="cp"> 禁用</span>
    </div>
  </div>
  <div class="msg-box">
    <div class="msg1">
      <div>点赞量：<span class="f18">{{s_content.supportTotal}}</span></div>
      <div>评论量：<span class="f18">{{s_content.commentTotal}}</span></div>
      <div>
        <div>浏览量：<span><input type="text" ng-model="s_content.readTotal" ng-if="putIn" class="w100 f18 form-control h25 pl10 br0"></span><span ng-if="!putIn">{{s_content.readTotal}}</span></div>
        <span class="putIn" ng-click="editTalk(s_content.readTotal,putIn)">修改</span>
      </div>
    </div>
    <div class="msg2">
      <div>标签：
        <div class="tag"><span ng-repeat="tag in talkTags">#{{tag.tagName}}</span><span></div>
            </div>
            <div>定位：
                <div class=""><span>{{s_content.address}}</span></div>
      </div>
    </div>
  </div>
  <div class="main-msg-tab">
    <div class="tabs">
      <span ng-click="a = 1" ng-class="{'active-b':a==1}" ng-init="a=1">内容</span><span class="split"></span>
      <span ng-click="comment();a=2" ng-class="{'active-b':a==2}">评论</span><span class="split"></span>
      <span ng-click="dot();a=3" ng-class="{'active-b':a==3}">点赞</span><span class="split"></span>
      <!-- <span ng-click="by();a=4" ng-class="{'active-b':a==4}">BY</span><span class="split"></span> -->
      <span ng-click="earnings(s_content.relateState,s_content.creatorId);a=5" ng-class="{'active-b':a==5}">收益情况</span>
    </div>
    <!-- *tab内容部分 -->
    <div class="main-content">
      <div class="content" ng-if="a==1">
        <div class="story-msg">
          <div class="content-head">
            故事详情：
          </div>
          <p>{{s_content.content}}</p>
        </div>
        <!-- <div ng-if="s_content.mediaType === 1">音频 -->
        <!--  <audio controls class="w300">
                        <source src="horse.ogg" type="audio/ogg">
                        <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。
                    </audio> -->
        <!-- </div> -->
        <div ng-if="s_content.mediaType === 2">
          <video id="example_video_1" controls="controls" ng-src="{{s_content.talkResource[0].url}}" class="video-js vjs-default-skin" width="255" height="264" vjs-big-play-centered data-setup="{}">
            您的浏览器不支持 video 标签。
          </video>
        </div>
        <div class="story-carousel" ng-if="s_content.mediaType === 3">
          <div uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
            <div uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
              <img ng-src="{{slide.image}}" style="margin:auto;">
            </div>
          </div>
        </div>
        <!-- <div class="center-box w100_">
                    <button class="upload-btn bt h40 w90" ng-click="savepic(slide.image)">
                        下载
                    </button>
                </div> -->
      </div>
      <!-- *tab评论部分 -->
      <div class="comment" ng-if="a==2">
        <div class="single-group" ng-repeat="cs in commentData">
          <div>
            <div class="user-head" style="background-image: url('{{cs.headImg}}');">
              <!-- <img src="cs.headImg" alt=""> -->
            </div>
            <div class="comment-msg w514">
              <div class="user-name">{{cs.nickname}}</div>
              <div class="comment-time">{{cs.createTime | date:'dd-MM-yy'}}</div>
              <div class="coment-part">{{cs.content}}</div>
              <div class="comment-back" ng-repeat="back in cs.talkCommentBalkList"><span>{{back.nickname}}</span>回复<span>{{back.balkNickName}}</span> : {{back.balkContent}}</div>
            </div>
          </div>
          <div>
            <button class="btn cf bcc mt10" ng-click="delComment(cs.talkCommentId,$index)">删除</button>
          </div>
        </div>
      </div>
      <!-- *点赞部分 -->
      <div class="dot h100_" ng-if="a==3">
        <div class="dot-people" ng-repeat="head in dotData" style="background-image: url('{{head.avatar}}');"></div>
      </div>
      <!-- by -->
      <div class="by-box friend-list" ng-if="a==4">
        <div class="between">
          <div class="df mb20">
            <div class="w60 h60 asc head-img" style="background-image: url('/images/a1.png');"></div>
            <div class="ml16 f16">
              <div class="df">
                <span class="c403 f24 mr15 ">吴彦祖</span>
              </div>
              <div class="c868 df">
                <div class="mr12"># <span>旅游</span></div>
              </div>
            </div>
          </div>
          <div>
            <button class="btn cf bcc mt10" ng-click="">查看群</button>
          </div>
        </div>
      </div>
      <!-- 收益情况 -->
      <div class="earnings" ng-if="a==5">
        <!-- 免费 -->
        <div class="free-type " ng-show="s_content.relateState == 0 ">
          <div class="between">
            <span>免费</span>
            <div>
              <span>共计：</span>
              <span>0:00</span>
            </div>
          </div>
          <hr>
        </div>
        <!-- 收费 -->
        <div class="pay-type" ng-show="s_content.relateState == 1 ">
          <div class="">
            <div class="center-end excel"><span></span></div>
            <div class="f20 between h60">
              <span class="asc">收费（付费查看记录）</span>
              <div class="asc">
                <span>共计：</span>
                <span>￥{{totalVal}}</span>
              </div>
            </div>
          </div>
          <hr>
          <div class="list">
            <div class="between mt20" ng-repeat="p in earningsListData">
              <div class="df mb20">
                <div class="w60 h60 asc head-img" style="background-image: url('{{p.avatar}}');"></div>
                <div class="ml16 f16">
                  <div class="df">
                    <span class="c403 f24 mr15 ">{{p.nickname}}</span>
                  </div>
                  <div class="c868 df">
                    <div class="mr12">{{p.payTime | date:'dd-MM-yy'}}</div>
                  </div>
                </div>
              </div>
              <div>
                <span class="f24">￥{{p.amountMoney}}</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
